<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>创建相册</title>
    <!-- 公共 -->
    <link href="css/createAlbum.less" rel="stylesheet/less" type="text/css">
    <script type="text/javascript" charset="utf-8" src="/common/js/framework.js"></script>
    <script type="text/javascript" charset="utf-8" src="/common/js/navbar.js"></script>

    <script type="text/javascript" charset="utf-8" src="js/createAlbum.js"></script>
    <script>
        layui.use('form', function () {
            var form = layui.form;
            //监听提交
            form.on('submit(formDemo)', function (data) {
                window.location.href = "albumIndex.html";
                return false;
            });
        });
    </script>
</head>
<body>
<div class="layui-container layui-form">
    <div class="layui-form-item">
        <label class="layui-form-label">相册名称</label>
        <div class="layui-input-block">
            <input class="layui-input" type="text" id="albumNameId" name="title" required
                   lay-verify="required" placeholder="相册名称" autocomplete="off">
        </div>
    </div>
    <div class="layui-form-item layui-form-text">
        <label class="layui-form-label">相册描述</label>
        <div class="layui-input-block">
            <textarea class="layui-textarea" id="albumIntrolId" name="desc" placeholder="说说这个相册的故事……"></textarea>
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">相册权限</label>
        <div class="layui-input-block">
            <input type="radio" name="power" id="inlineRadio1" value="1" title="对外可见">
            <input type="radio" name="power" id="inlineRadio2" value="0" title="对外不可见" checked>
        </div>
    </div>
    <div class="layui-form-item">
        <div class="layui-input-block">
            <button class="layui-btn" id="completeCreate" onclick="createAlbumClick()">完成创建</button>
        </div>
    </div>
</div>
</body>
</html>